<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <!--
        Use a content security policy to only allow loading images from https or from our extension directory,
        and only allow scripts that have a specific nonce.
    -->
    <meta http-equiv="Content-Security-Policy"
        content="default-src 'none'; style-src $$webview.cspSource$$; script-src 'nonce-$$nonce$$';">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="$$styleResetUri$$" rel="stylesheet">
    <link href="$$styleVSCodeUri$$" rel="stylesheet">
    <link href="$$styleMainUri$$" rel="stylesheet">

    <title>Cat Colors</title>
</head>

<body>
    <ul class="color-list">
    </ul>
    <div class="operation-part">
        <button class="create-button">创建新的项目</button>
        <button class="config-button">配置当前项目</button>
        <button class="package-button">打包</button>
    </div>

    <script nonce="$$nonce$$" src="$$scriptUri$$"></script>
</body>

</html>